<template>
	<div class="u-page u-general-color">
		<u-navbar :custom-back="comeback" :title="title" :background="background" :border-bottom="false"></u-navbar>
		<section class="aui-flexView">
			<section class="aui-scrollView">
				<div class="aui-order-box">
					<!-- 平台ID -->
					<div class="aui-flex aui-choice-white b-line">
						<div class="aui-flex-box">平台ID</div>
						<u-input v-model="form.userId" input-align="right" placeholder="" :disabled="true"></u-input>
					</div>

					<!-- 平台昵称 -->
					<div class="aui-flex aui-choice-white b-line">
						<div class="aui-flex-box">平台昵称</div>
						<u-input v-model="form.nickName" input-align="right" placeholder="" :disabled="true"></u-input>
					</div>

					<!-- 关联手机 -->
					<div class="aui-flex aui-choice-white b-line">
						<div class="aui-flex-box">联系方式</div>
						<div class="u-text-right" v-if="form.phone">
							<u-input v-model="form.phone" input-align="right" placeholder="请填写联系方式" @longpress='longpressCopy(form.phone,"手机号码已复制")'></u-input>
						</div>
						<div class="u-text-right" v-else>
							<u-button type="clear" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
								<span class="u-cl-primary u-pointer u-font-underline">
									点击获取
								</span>
							</u-button>
						</div>
					</div>

					<!-- 真实姓名 -->
					<div class="aui-flex aui-choice-white b-line">
						<div class="aui-flex-box">真实姓名</div>
						<u-input v-model="form.realName" input-align="right" placeholder="建议填写真实名字"></u-input>
					</div>

					<!-- 性别 -->
					<div class="aui-flex aui-choice-white b-line">
						<div class="aui-flex-box">性别</div>
						<u-input type="select" v-model="form.sex" input-align="right" placeholder="请选择" @click="visible1 = true"></u-input>
					</div>
					<u-select :list="SexList" @confirm="(event) => (form.sex = event[0].value)"
						v-model="visible1" confirm-color="#eb5468"></u-select>

					<!-- 年龄层 -->
					<div class="aui-flex aui-choice-white b-line">
						<div class="aui-flex-box">年龄层</div>
						<u-input type="select" v-model="form.age" input-align="right" placeholder="请选择" @click="visible2 = true"></u-input>
					</div>
					<u-select :list="AgeList" @confirm="(event) => (form.age = event[0].value)"
						v-model="visible2" confirm-color="#eb5468"></u-select>

					<!-- 服务类型 -->
					<div class="aui-flex aui-choice-white b-line">
						<div class="aui-flex-box">服务类型</div>
						<u-input type="select" v-model="form.storeType" input-align="right" placeholder="请选择" @click="visible3 = true"></u-input>
					</div>
					<u-select :list="storeTypeList" @confirm="(event) => (form.storeType = event[0].value)"
						v-model="visible3" confirm-color="#eb5468"></u-select>

					<!-- 服务商名称 -->
					<div class="aui-flex aui-choice-white b-line">
						<div class="aui-flex-box">服务商名称</div>
						<div style=" width:450rpx;">
							<u-input user-select='true' width="450rpx" v-model="form.storeName" input-align="right" placeholder="不填默认平台昵称，半年不得修改"></u-input>
						</div>
					</div>

					<!-- 店铺标签 -->
					<div class="aui-flex aui-choice-white b-line">
						<div class="aui-flex-box">服务标签（选填）</div>
						<div class="u-flex u-col-center">
						  <!-- 已添加的标签列表 -->
						  <div class="u-scroll-x u-mr-5" style="width: 400rpx;">
							<u-tag
								v-for="(item, index) in KeyWordList"
								:key="index"
								:text="item.label"
								type="info"
								mode="dark"
								close-color="#828282"
								@click="onCloseTag(index)"
							></u-tag>
						  </div>
						  <!-- 添加标签按钮 -->
						  <div class="u-center">
							<u-icon
								class="u-pointer"
								name="plus-circle"
								size="46"
								@click="toTagSettingPage(KeyWordList, 1)"
							></u-icon>
						  </div>
						</div>
					</div>

					<!-- 所在地区 -->
					<div class="aui-flex aui-choice-white b-line">
						<div class="aui-flex-box">所在地区</div>
						<u-input type="select" v-model="form.area" input-align="right" height="100" placeholder="请选择" @click="area_show = true"/>
						<u-picker mode="region" confirm-color="#eb5468" v-model="area_show" :default-selector="[0]" @confirm="confirmRegion"></u-picker>
					</div>

					<!-- 所在街道 -->
					<div class="aui-flex aui-choice-white b-line">
						<div class="aui-flex-box">所在街道</div>
						<u-input type="select" v-model="form.street" input-align="right" height="100" placeholder="请选择" @click="street_show = true"/>
						<u-select v-model="street_show" mode="mutil-column-auto" :list="list" @confirm="confirm" confirm-color="#eb5468"></u-select>
					</div>

					<!-- 上传头像 -->
					<div class="aui-flex aui-choice-white b-line">
						<div class="aui-flex-box">
							<div class="aui-flex-box">头像（不上传默认平台头像，半年内不得修改）</div>
							<div style="margin-top: 10px;">
								<div class="pictrues-box">
									<Upload u_appid="PersonalContact" u_fieldName="images" :u_orunid="form.id"
										u_type="2" u_limit="1" :u_initialAttchments="ImageFiles"
										@receiveAttachmentsData="getImageFiles"></Upload>
								</div>
							</div>
						</div>
					</div>

					<!-- 推荐人 -->
					<div class="aui-flex aui-choice-white b-line">
						<div class="aui-flex-box">推荐人（选填）</div>
						<u-input user-select='true' v-model="form.referrer" input-align="right" placeholder="请填写"></u-input>
					</div>

				</div>
			</section>

			<div style="height: 40px;"></div>

			<div style="position: fixed;bottom: 0rpx;background-color: #fffbfe;width: 100%;z-index: 3;">
				<div class="u-pt-20 u-pb-40" style="width: 90%;margin: 0 auto;height: 80px;">
					<u-button type="success" :custom-style="customStyle" @click="Save">
						提交申请
					</u-button>
				</div>
			</div>

		</section>
		<!-- 公众号弹窗 -->
		<u-mask :show="official_account_show" :mask-click-able="false" z-index="9999">
			<div class="mask-solt">
				<div>
					<div class="official-account-bg"></div>
					<div class="u-mt-15 mask-close" @click="closeOfficialAccount">
						<u-icon name="close-circle" color="rgb(68,68,68)" size="45"></u-icon>
					</div>
				</div>
			</div>
		</u-mask>
		<!-- 申请区域服务商弹窗 -->
		<u-modal v-model="ApplyServiceProvider_show" confirm-text="已知晓" title="区域服务商申请和权益说明" confirm-color="#eb5468" :mask-close-able="true">
			<div class="slot-content2">
				<scroll-view scroll-y="true" style="height: 800rpx;">
					<div class="u-title">· 资格申请及收益：</div>
					<p>1、所有用户自动赋予线上服务商资格。</p>
					<p>2、用户须提交申请，方可获得区域服务商资格。</p>
					<p>3、按照“省-市-县区-街道-社区”的5级分类，确定区域归属。</p>
					<p>4、区域服务商可获得工作报酬，团购返利，区域奖励等最大化收益。</p>
					<div class="u-title u-pt-5">· 玫丽责任及义务：</div>
					<p>5、玫丽提供优质品牌方的推广、销售、服务等工作机会。</p>
					<p>6、工作机会创造的工作价值，将按照区域归属和业绩占比等条件，自动分配。</p>
					<div class="u-title u-pt-5">· 区域服务商责任及义务：</div>
					<p>7、积极参与平台发布的工作机会，传播及引导区域内的用户参与，共同创造工作价值。</p>
					<div class="u-title u-pt-5">· 区域服务商资格取消及升级：</div>
					<p>8、区域服务商，每申请一次，授权期限为6个月。逾期后，需重新申请。</p>
					<p>9、区域服务商可申请成为“街道”级别的唯一服务商，详情请联系客服。</p>
					<p>10、区域服务商可申请成为“县区级”级别的业务合伙人，详情请联系客服。</p>
					<p>11、已有“县区级”业务合伙人的区域，不再设立“街道”唯一服务商。</p>
					<p>12、“街道”唯一服务商和“县区级”业务合伙人，需达到相应工作指标。不达标者，平台取消授权。</p>
				</scroll-view>
			</div>
		</u-modal>
	</div>
</template>

<script>
	import globalData from "@/globalData";
	export default {

		data() {
			return {
				form: {
					id: '',
					userId: '',
					nickName: '',
					phone: '',
					realName: '',
					sex: '',
					age: '',
					area: '',
					street: "",
					storeType: '',
					storeName: '',
					storeTags: '',
					storeAvatar: '',
					referrer: '',
				},
				KeyWordList: [],//店铺标签
				area_show: false,
				title: '申请区域服务商',
				background: {
					backgroundColor: '#f3e4e9',
				},
				customStyle: {
					background: '#eb5468 !important'
				},
				street_show: false,
				list: [],
				ImageFiles: [],
				visible1: false,
				SexList: [
					{
						label: '男',
						value: '男'
					},
					{
						label: '女',
						value: '女'
					}
				],
				visible2: false,
				AgeList: [
					{
						label: '60后',
						value: '60后'
					},
					{
						label: '70后',
						value: '70后'
					},
					{
						label: '80后',
						value: '80后'
					},
					{
						label: '90后',
						value: '90后'
					},
					{
						label: '00后',
						value: '00后'
					},
					{
						label: '10后',
						value: '10后'
					}
				],
				DefaultProviderAvatar: globalData.IMGS.DefaultServiceProviderAvatara,
				official_account_show: false,
				ApplyServiceProvider_show: false,
				showTips: 0,
				visible3: false,
				storeTypeList: [
					{
						label: '线上服务商',
						value: '线上服务商'
					},
					{
						label: '线上店铺',
						value: '线上店铺'
					},
					{
						label: '主播达人',
						value: '主播达人'
					},
					{
						label: '线下零售',
						value: '线下零售'
					},
					{
						label: '线下商贸',
						value: '线下商贸'
					},
					{
						label: '线下网点',
						value: '线下网点'
					}
				],

			};
		},

		onLoad(options) {
			// 未登录跳转到登录页面
			var loginRes = this.checkLogin()
			if (!loginRes) {
				return false;
			}
			if(this.isNotNull(options.showTips)){
				this.showTips = options.showTips
			}
			//判断用户是否已经注册了服务商
			this.isProvider()
			// 保存选中的标签列表
			uni.$on("saveTagList", (tagList = []) => {
			  this.KeyWordList = tagList;
			});
		},

		mounted() {

		},

		methods: {

			/**
			 * 获取区域服务商信息：用于判断当前用户是否已经申请成为了区域服务商
			 */
			async isProvider() {
				const userInfo = uni.getStorageSync('userInfo')
				let result = await this.$u.api.unifyMiniRest({
					systemid: "meily",
					url: "/provider/info",
					userId: userInfo.userId,
				    loading: false // 默认发起请求会有一个全局的Loading，设置false可去掉
				});
				if(result.code == 200 && this.isNotNull(result.data)){
					uni.reLaunch({url:'/pages/index/incomeIndex'})
				} else {
					this.getBasicInfo();
					if(this.showTips == 1){
						this.ApplyServiceProvider_show = true
					}
				}
			},

			/**
			 * 加载用户的基础资料
			 */
			async getBasicInfo() {
				const userInfo = uni.getStorageSync('userInfo');
				let result = await this.$u.api.unifyMiniRestGet({
					systemid: "meily",
					url: "/customer/applet/info/" + userInfo.userId,
					loading: false // 默认发起请求会有一个全局的Loading，设置false可去掉
				});
				if(result.code == 200 && this.isNotNull(result.data)){
					this.form.id = result.data.id
					this.form.userId = result.data.userId
					this.form.nickName = result.data.userName
					this.form.phone = result.data.phoneNumber
					this.form.realName = result.data.realName
					this.form.sex = result.data.sex
					this.form.age = result.data.ageGroup
					this.form.area = result.data.region
					this.form.street = result.data.streetVillage
				} else {
					this.form.userId = userInfo.userId
					this.form.nickName = userInfo.nickName
				}
			},

			/**
			 * 保存
			 */
			async Save() {
				if(!this.isNotNull(this.form.phone) || !this.isNotNull(this.form.realName) || !this.isNotNull(this.form.sex)
						|| !this.isNotNull(this.form.age) || !this.isNotNull(this.form.area) || !this.isNotNull(this.form.street)){
					this.showMSG('none','请完善服务商基本信息再提交噢！')
					return
				}
				// 格式化店铺标签再提交
				let storeTagsTemp = ''
				if(this.KeyWordList.length > 0){
					for(const i in this.KeyWordList){
						if(storeTagsTemp != ''){
							storeTagsTemp += "," + this.KeyWordList[i].value
						}else{
							storeTagsTemp = this.KeyWordList[i].value
						}
					}
				}

				// 2023-06-16 add by lys
				if(!this.isNotNull(this.form.storeType)){
					this.showMSG('none','请选择服务类型再提交噢！');
					return
				}

				if(!this.isNotNull(this.form.storeName)){
					// this.form.storeName = this.form.area + " " + this.form.street
					this.form.storeName = this.form.nickName;// 2023-04-12 add by lys
				}

				// 2023-04-12 add by lys 先取用户头像，若为空，再去默认头像
				const userInfo = uni.getStorageSync('userInfo');
				if(!this.isNotNull(this.form.storeAvatar)){
					if(this.isNotNull(userInfo.avatarUrl)){
						this.form.storeAvatar = userInfo.avatarUrl;
					} else {
						this.form.storeAvatar = this.DefaultProviderAvatar;
					}
				}

				let result = await this.$u.api.unifyMiniRest({
					systemid: "meily",
					url: "/provider/save",
					userId: userInfo.userId,
					nickName: this.form.nickName,
					phone: this.form.phone,
					realName: this.form.realName,
					sex: this.form.sex,
					age: this.form.age,
					area: this.form.area,
					street: this.form.street,
					storeType: this.form.storeType,
					storeName: this.form.storeName,
					storeTags: storeTagsTemp,
					// storeAvatar: this.form.storeAvatar?this.form.storeAvatar:this.DefaultProviderAvatar,
					storeAvatar: this.form.storeAvatar,
					referrer: this.form.referrer,
				});
				if (result.code == 200) {
					this.showMSG('loading','正在提交AI审核···')
					setTimeout(() => {
						this.$u.toast("审核成功")
						setTimeout(() => {
							this.official_account_show = true
						}, 1500)
					}, 1500)
				} else {
					this.showMSG('error', result.msg)
				}
			},

			/**
			 * 获取用户手机号码
			 * @param {Object} e
			 */
			async getPhoneNumber(e) {
				let loginRes = this.checkLogin();
				if (loginRes) {
					let result = await this.$u.api.unifyMiniRest({
						systemid: "meily",
						url: "/applets/getPhoneNumber",
						code: e.detail.code
					});
					if(result.code == 200){
						this.$u.toast("获取手机号码成功！");
						this.form.phone = result.data;
						console.log(this.form.phone)
					}else{
						this.$u.toast("获取手机号码失败！");
					}
				}
			},

			/**
			 * 确认选择地区
			 * @param {Object} event
			 */
			async confirmRegion(event) {
				this.form.area = event.province.label + '-' + event.city.label + '-' + event.area.label;
				this.form.street = "";

				if (this.isNotNull(event.area.value)) {

					// 先清空数组
					this.list.splice(0, this.list.length);

					// 获取街道列表
					const userInfo = uni.getStorageSync('userInfo');
					let result = await this.$u.api.unifyRequest({
						userId: userInfo.userId,
						nickName: userInfo.nickName,
						appid: 'Archives',
						wf_num: 'R_Archives_BL027',
						provinceCode: event.province.value,
						cityCode: event.city.value,
						areaCode: event.area.value,
						loading: true // 默认发起请求会有一个全局的Loading，设置false可去掉
					});
					if (result.code == 200) {
						this.list = result.data
					}
				}
			},

			/**
			 * 确认选择街道乡镇
			 * @param {Object} event
			 */
			confirm(event) {
				this.form.street = event[0].label + '-' + event[1].label;
			},

			/**
			 * 初始化附件列表
			 * @param {Object} orunid 实例id
			 */
			async getFiles(orunid, fieldName) {
				const userInfo = uni.getStorageSync('userInfo')
				let result = await this.$u.api.unifyRequest({
					userId: userInfo.userId,
					nickName: userInfo.nickName,
					appid: 'ProductPromote',
					wf_num: 'R_FILE_BL002',
					orunid: orunid,
					fieldName: fieldName,
					loading: false // 默认发起请求会有一个全局的Loading，设置false可去掉
				});
				if (result.code == 200) {
					this.ImageFiles = result.data
				}
			},

			/**
			 * 接收上传组件传过来的值并更新附件列表数据
			 * 获取附件列表
			 */
			async getImageFiles(res) {
				this.ImageFiles = res;
				let images = ''
				for(let i in this.ImageFiles){
					if(images != ''){
						images += "," + this.ImageFiles[i].url
					}else{
						images = this.ImageFiles[i].url
					}
				}
				this.form.storeAvatar = images
			},

			/**
			 * 生成一个用不重复的ID
			 */
			getUuiD(length,preffix){
				//timestamp为当前时间戳
				let timestamp = (new Date()).getTime()
				length=length-13;
				let str = "";
				let str_arr = [
					"0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
				for (let i = 0; i < length; i++) {
					let r = parseInt(Math.random() * 9);//生成0-62之间的随机数
					str += str_arr[r];
				}
				let res_str = preffix + str + timestamp
				return res_str;
			},

			/**
			 * 添加标签
			 */
			async toTagSettingPage(prevPageIsSelectList = [], mode = 1) {
				uni.setStorageSync("prevPageIsSelectList", prevPageIsSelectList);
				this.$u.route(`/pages_tabbar_contact/common_contact/tag?mode=${mode}`);
			},

			/**
			 * 移除标签
			 */
			onCloseTag(index) {
			  this.KeyWordList.splice(index, 1);
			},

			/**
			 * 关闭公众号弹窗
			 */
			closeOfficialAccount() {
				this.official_account_show = false
				this.goBack()
			},



		},
	};
</script>

<style scoped>
	aui-flexView {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.aui-scrollView {
		width: 100%;
		height: 100%;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		position: relative;
		margin-top: 0;
	}

	.aui-navBar {
		height: 44px;
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		z-index: 1002;
		background: #f7f7f7;
	}

	.b-line {
		position: relative;
	}

	.b-line:after {
		content: '';
		position: absolute;
		z-index: 2;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		border-bottom: 1px solid #e2e2e2;
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5);
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%;
	}

	.aui-navBar-item {
		height: 44px;
		min-width: 25%;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 25%;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		padding: 0 0.9rem;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		font-size: 0.7rem;
		white-space: nowrap;
		overflow: hidden;
		color: #353535;
		position: relative;
	}

	.aui-navBar-item:first-child {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
		margin-right: -25%;
		font-size: 0.9rem;
		font-weight: bold;
	}

	.aui-navBar-item:last-child {
		-webkit-box-ordinal-group: 4;
		-webkit-order: 3;
		-ms-flex-order: 3;
		order: 3;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.aui-center {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		height: 44px;
		width: 50%;
		margin-left: 25%;
	}

	.aui-center-title {
		text-align: center;
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
		font-size: 0.95rem;
		color: #333;
	}

	.icon {
		width: 20px;
		height: 20px;
		display: block;
		border: none;
		float: left;
		background-size: 20px;
		background-repeat: no-repeat;
	}

	.aui-flex {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		padding: 15px;
		position: relative;
	}

	.aui-flex-box {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		min-width: 0;
		font-size: 14px;
		color: #333;
	}

	.aui-flex-triangle {
		position: relative;
		font-size: 14px;
		padding-right: 15px;
	}

	.aui-flex-triangle:before {
		content: '';
		width: 0;
		height: 0;
		border-width: 5px 0px 5px 8px;
		border-style: solid;
		border-color: transparent transparent transparent #7b7b7b;
		position: absolute;
		top: 6px;
		right: 0;
		border-radius: 1;
	}

	.aui-choice-white {
		/* background: #fff; */
	}

	.aui-order-box {
		padding: 10px 0px;
	}

	.aui-flex-goods {
		margin-right: .8em;
		width: 80px;
		height: 80px;
		line-height: 80px;
		text-align: center;
	}

	.aui-flex-goods img {
		width: 100%;
		max-height: 100%;
		vertical-align: top;
	}

	.aui-flex-default {
		background: #f3f1f1;
	}

	.aui-flex-default h2 {
		font-size: 14px;
		width: auto;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal;
		word-wrap: break-word;
		word-break: break-all;
		padding-bottom: 5px;
	}

	.aui-flex-default p {
		color: #999999;
		font-size: 12px;
	}

	.aui-flex-clear {
		padding: 0;
		margin-top: 20px;
	}

	.aui-flex-clear .aui-flex-box {
		color: #f21956;
		font-weight: bold;
	}

	.aui-mar15 {
		margin-bottom: 15px;
	}

	.aui-flex-triangle-clear:before {
		border-color: #fff;
	}

	.aui-flex-box h2 {
		font-size: 16px;
		padding-bottom: 5px;
	}

	.aui-flex-box h3 {
		font-size: 14px;
		padding-bottom: 5px;
	}

	.aui-flex-box p {
		font-size: 12px;
		color: #999;
		line-height: 1.2;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}

	.aui-bar-footer {
		line-height: 52px;
		height: 52px;
		background: #fff;
		box-shadow: 0 -2px 10px #ddd;
		position: fixed;
		z-index: 999;
		bottom: 0;
		left: 0;
		width: 100%;
	}

	.aui-btn-button {
		background: #f21956;
		padding: 0 25px;
		color: #fff;
		font-size: 14px;
	}

	.aui-bar-footer .aui-flex {
		padding: 0;
	}

	.aui-bar-footer .aui-flex-box {
		padding-left: 15px;
	}

	.aui-bar-footer .aui-flex-box span {
		font-style: normal;
		color: #f21956;
	}

	.cnt {
		padding-top: 1px;
		color: #e61111;
		position: relative;
		line-height: 22px;
		font-size: 14px;
		font-weight: 500;
	}

	.popup-box{
		padding-bottom: 50rpx;
		padding-top: 50rpx;
	}

	.popup-item{
		height: 100rpx;
		line-height: 100rpx;
		text-align: center;
		font-size: 33rpx;
	}

	.discount_info {
		border-bottom: 1px solid black;
		border-left-width: 0;
		border-top-width: 0;
		border-right-width: 0;
		width: 50px;
		height: 30px;
		text-align: center;
		padding-left: 15px;
	}

	.swipe-content{
		display: flex;
		flex-direction: row;
		background: #fff;
		border-bottom: 1rpx solid #eee;
		line-height: 35px;
	}

	.mask-solt {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
	}

	.mask-close {
		display: flex;
		justify-content: center;
	}

	.official-account-bg {
		background: url(https://dev-1308272144.cos.ap-guangzhou.myqcloud.com/Meily/img/RegionalProviderOfficial.png) no-repeat;background-size: 100% 100%;
		width: 540rpx;
		height: 780rpx;
	}

	.slot-content2 {
		font-size: 28rpx;
		text-align: left;
		width: 93%;
		margin: 0 auto;
		padding-top: 20rpx;
		padding-bottom: 20rpx;
	}

</style>

